<template>
  <view>
    <!-- 骨架图 -->
    <van-skeleton title :row="10" :loading="loading">
      <!-- 顶部图片轮播图 -->
      <home-swipe></home-swipe>
      <!-- 中间的九宫格 -->
      <home-grid></home-grid>
      <!-- 中间单元格 -->
      <home-cell></home-cell>
      <!-- 竖向快递进度条 -->
      <home-steps></home-steps>
    </van-skeleton>
  </view>
</template>
<script>
import homeSwipe from "./swipe.vue"
import homeGrid from "./grid.vue"
import homeSteps from "./steps.vue"
import homeCell from "./cell.vue"
export default {
  data() {
    return {      
      loading: true,
    };
  },
  components:{
    homeSwipe,
    homeGrid,
    homeSteps,
    homeCell
  },
  onLoad() {
    // 倒计时1秒显示骨架屏幕
    setTimeout(() => {
      this.loading = false;
    }, 500);
  },
  methods: {},
};
</script>

